
<template>
            <yt-grid  class="page-ygta8">
                
            <yt-grid-item fixedSize='selfAdaption' id="yt-0q95nm0yz54sa" gridColumnStart="1" gridColumnEnd="1920" gridRowStart="1" gridRowEnd="1080" zIndex="1" previewType="FixedWH">
                <div ref='ref1' class='webVueAntYtPicture webVueAntYtPictureStyle-2cu1o webVueAntYtPictureStyle'>
                            <a-image :src='"./staticResource/tcy/1833048565941796864/0/jhDu3JJW_c7eqZvoXQarw.png"' :preview='false' :style='{
        transform:"scaleX(1) scaleY(1)",
        objectFit:"fill"
      }'>
                            
                        </a-image>
                        </div>
            </yt-grid-item>
        

            <yt-grid-item fixedSize='selfAdaption' id="yt-16h10m103cg47" gridColumnStart="1160" gridColumnEnd="1918" gridRowStart="221" gridRowEnd="282" zIndex="2" previewType="FixedWH">
                <span ref='ref4' class='webVueAntYtSpan webVueAntYtSpanStyle-hn28y webVueAntYtSpanBrCount-m08gt webVueAntYtSpanStyle webVueAntYtSpanBrCount'>
                            <span v-html='"上拓运维管理系统"'>
                            
                        </span>
                        </span>
            </yt-grid-item>
        

            <yt-grid-item fixedSize='selfAdaption' id="yt-1qu5zm103iaf3" gridColumnStart="1080" gridColumnEnd="1640" gridRowStart="319" gridRowEnd="859" zIndex="3" previewType="FixedWH">
                <div ref='ref5' class='webVueAntYtRectangle webVueAntYtRectangleStyle-8c27k webVueAntYtRectangleStyle'>
                            
                        </div>
            </yt-grid-item>
        

            <yt-grid-item fixedSize='selfAdaption' id="yt-ionram103ja0l" gridColumnStart="1115" gridColumnEnd="1918" gridRowStart="359" gridRowEnd="389" zIndex="4" previewType="FixedWH">
                <span ref='ref6' class='webVueAntYtSpan webVueAntYtSpanStyle-ye2ak webVueAntYtSpanBrCount-si4ib webVueAntYtSpanStyle webVueAntYtSpanBrCount'>
                            <span v-html='"账号密码登录"'>
                            
                        </span>
                        </span>
            </yt-grid-item>
        

            <yt-grid-item fixedSize='selfAdaption' id="yt-mrfdgm103nbgi" gridColumnStart="1115" gridColumnEnd="1235" gridRowStart="403" gridRowEnd="407" zIndex="5" previewType="FixedWH">
                <div ref='ref7' class='webVueAntYtRectangle webVueAntYtRectangleStyle-8jazl webVueAntYtRectangleStyle'>
                            
                        </div>
            </yt-grid-item>
        

            <yt-grid-item fixedSize='selfAdaption' :isShow='AccountNumberisShow1' id="yt-uy3zzm103p0ny" gridColumnStart="1115" gridColumnEnd="1601" gridRowStart="457" gridRowEnd="513" zIndex="6" previewType="FixedWH">
                <a-form-item ref='ref8' class='webVueAntInputFormItem webVueAntYtInputFormItem-ejzlf  webVueAntYtInputFormItem hide-label' name='AccountNumbervalue1' :colon='false'>
                            <template #label>
                            <div class='label-content '>
                            <span class='ant-form-item-content ' v-html='"账号"'>
                            
                        </span>
                        </div>
                        </template>
<a-input data-event class='webVueAntinput webVueAntYtInputStyle-7xfew webVueAntYtInputStyle' v-model:value='AccountNumbervalue1' :maxLength='100' :placeholder='"请输入账号"'>
                            
                        </a-input>
                        </a-form-item>
            </yt-grid-item>
        

            <yt-grid-item fixedSize='selfAdaption' id="yt-e1s51m103sv7u" gridColumnStart="1129" gridColumnEnd="1155" gridRowStart="475" gridRowEnd="501" zIndex="7" previewType="FixedWH">
                <div ref='ref9' class='webVueAntYtIcon webVueAntYtPictureStyle-0ejai webVueAntYtPictureStyle'>
                            <img :src='"./staticResource/tcy/1833048565941796864/0/cx78B6FkZB6Y-Teq2IDEg.svg"' class=' yt-static'/>
                        </div>
            </yt-grid-item>
        

            <yt-grid-item fixedSize='selfAdaption' id="yt-teddxm103uqkk" gridColumnStart="1129" gridColumnEnd="1155" gridRowStart="559" gridRowEnd="585" zIndex="13" previewType="FixedWH">
                <div ref='ref11' class='webVueAntYtIcon webVueAntYtPictureStyle-e510q webVueAntYtPictureStyle'>
                            <img :src='"./staticResource/tcy/1833048565941796864/0/Rap6IHMrCgiZxR8vSA0zu.svg"' class=' yt-static'/>
                        </div>
            </yt-grid-item>
        

            <yt-grid-item fixedSize='selfAdaption' :isShow='AutomaticLoginisShow1' id="yt-w8v3tm103wauk" gridColumnStart="1115" gridColumnEnd="1220" gridRowStart="645" gridRowEnd="667" zIndex="8" previewType="FixedWH">
                <a-form-item ref='ref12' class='webVueAntCheckboxGroupFormItem webVueAntYtCheckboxGroupFormItem-cqj6p  webVueAntYtCheckboxGroupFormItem hide-label' name='AutomaticLoginvalue1' :colon='false'>
                            <template #label>
                            <div class='label-content '>
                            <span class='ant-form-item-content ' v-html='"自动登录"'>
                            
                        </span>
                        </div>
                        </template>
<a-checkbox-group data-event class='webVueAntYtCheckboxGroup  webVueAntYtCheckboxGroupStyle' v-model:value='AutomaticLoginvalue1' :options='[{"label":"自动登录","value":"自动登录","disabled":false,"select":false}]'>
                            
                        </a-checkbox-group>
                        </a-form-item>
            </yt-grid-item>
        

            <yt-grid-item fixedSize='selfAdaption' id="yt-1niccm103xpq8" gridColumnStart="1536" gridColumnEnd="1918" gridRowStart="641" gridRowEnd="661" zIndex="9" previewType="FixedWH">
                <span ref='ref13' class='webVueAntYtSpan webVueAntYtSpanStyle-vo9e4 webVueAntYtSpanBrCount-omlcr webVueAntYtSpanStyle webVueAntYtSpanBrCount'>
                            <span v-html='"忘记密码"'>
                            
                        </span>
                        </span>
            </yt-grid-item>
        

            <yt-grid-item fixedSize='selfAdaption' :isShow='LoginisShow1' id="yt-ytc6hm103yszv" gridColumnStart="1115" gridColumnEnd="1605" gridRowStart="712" gridRowEnd="768" zIndex="10" previewType="FixedWH">
                <a-button ref='ref14' @click="()=> { handleLogin(); }" class='webVueAntButton webVueAntYtButtonStyle-xnz3w  webVueAntYtButtonStyle center' :loading='Loginloading1'>
                            <span class='yt-button-content ' v-html='"登录"'>
                            
                        </span>
                        </a-button>
            </yt-grid-item>
        

            <yt-grid-item fixedSize='selfAdaption' id="yt-exjlxm1040h2p" gridColumnStart="1328" gridColumnEnd="1918" gridRowStart="795" gridRowEnd="820" zIndex="11" previewType="FixedWH">
                <span ref='ref15' class='webVueAntYtSpan webVueAntYtSpanStyle-tohyy webVueAntYtSpanBrCount-grcsl webVueAntYtSpanStyle webVueAntYtSpanBrCount'>
                            <span v-html='"注册账号"'>
                            
                        </span>
                        </span>
            </yt-grid-item>
        

            <yt-grid-item fixedSize='selfAdaption' :isShow='PasswordisShow1' id="yt-9btktm179142y" gridColumnStart="1115" gridColumnEnd="1601" gridRowStart="544" gridRowEnd="600" zIndex="12" previewType="FixedWH">
                <a-form-item ref='ref18' class='webVueAntInputPasswordFormItem webVueAntYtInputPasswordFormItem-8ymwe  webVueAntYtInputPasswordFormItem hide-label' name='Passwordvalue1' :colon='false'>
                            <template #label>
                            <div class='label-content '>
                            <span class='ant-form-item-content ' v-html='"密码"'>
                            
                        </span>
                        </div>
                        </template>
<yt-custom-input-password data-event class='webVueAntInputPassword webVueAntYtInputPasswordStyle-nhb4x webVueAntYtInputPasswordStyle' v-model:value='Passwordvalue1' :placeholder='"请输入密码"' :maxlength='100'>
                            
                        </yt-custom-input-password>
                        </a-form-item>
            </yt-grid-item>
        
            </yt-grid>
        </template>

<script>

  import { loadCss } from "../shared/loadTheme";
import axios from "axios";
import { message, Modal } from "ant-design-vue";
import { h } from "vue";
export default {
  data() {
    return {
      Loginloading1: false,
      LoginisShow1: true,
      AutomaticLoginvalue1: false,
      AutomaticLoginisShow1: true,
      AccountNumbervalue1: "",
      AccountNumberisShow1: true,
      Passwordvalue1: "",
      PasswordisShow1: true
    };
  },
  watch: {},
  methods: {
    async handleLogin() {
      // 检查账号和密码是否为空
      if (!this.AccountNumbervalue1 || !this.Passwordvalue1) {
        message.error('账号和密码不能为空');
        return;
      }

      // 模拟检查账号状态
      const accountStatus = await this.checkAccountStatus(this.AccountNumbervalue1);
      if (accountStatus === 'locked') {
        message.error('当前账号已被锁定,无法登录');
        return;
      }
      if (accountStatus === 'enabled') {
        // 使用axios发送登录请求
        const formData = new FormData();
        formData.append('username', this.AccountNumbervalue1);
        formData.append('password', this.Passwordvalue1);
        try {
          const response = await axios.post('./login', formData, {
            headers: {
              'Content-Type': 'multipart/form-data'
            }
          });
          if (response.data.flag) {
            message.success(response.data.message);
            this.$router.push(response.data.data);

            // 如果自动登录勾选状态，记住账号
            if (this.AutomaticLoginvalue1) {
              localStorage.setItem('rememberedAccount', this.AccountNumbervalue1);
            }
          } else {
            message.error(response.data.message);
          }
        } catch (error) {
          message.error('登录失败，请稍后重试');
        }
      }
    },
    // 模拟检查账号状态的函数
    async checkAccountStatus(account) {
      // 这里应该调用后端接口检查账号状态，返回 'enabled' 或 'locked'
      // 由于后端接口文档中没有相关接口，这里模拟返回 'enabled'
      return 'enabled';
    },
    async fetchAndSetVariables() {
      try {
        // 调用后端接口获取变量数组 需要传入pageUuid变量
        const pageUuid = '1833048873296199680';
        const response = await axios.get(`./system/permission/getCurrentPageNotShowVariable?pageUuid=${pageUuid}`);
        const variablesArray = response.data; // 后端直接返回变量数组

        if (variablesArray && Array.isArray(variablesArray))
          // 遍历数组，将每个变量设置为true
          variablesArray.forEach(variable => {
            this[variable] = true;
          });
      } catch (error) {
        console.error('获取变量失败:', error);
      }
    },
    executeBackendInterface(funcName, params) {
      // 处理参数为Map的情况
      if (params instanceof Map) {
        params = Object.fromEntries(params);
      }
      // 调用后端接口
      return new Promise((resolve, reject) => {
        axios.post('./Loginpage/' + funcName, params, {
          headers: {
            'Content-Type': 'application/json'
          }
        }).then(response => {
          resolve(response.data);
        }).catch(error => {
          reject(error);
        });
      });
    }
  },
  mounted() {
    loadCss('./css/登录页/theme.css');
    // 组件挂载后自动调用函数获取变量
    this.fetchAndSetVariables();
  },
  computed: {}
};

</script>
<style lang="less">
.page-ygta8{
.webVueAntYtPicture {
    width: 100%;
    height:100%;
    overflow: hidden;
}
.webVueAntYtPicture img, .webVueAntYtPicture .ant-image {
    width: 100%;
    height:100%;
}

.webVueAntYtPictureStyle-2cu1o{
opacity: 1;
box-shadow: 0px 0px 0px 0px transparent;
border-top-left-radius: 4px;
border-top-right-radius: 4px;
border-bottom-left-radius: 4px;
border-bottom-right-radius: 4px;
border-top: 1px solid #D9D9D9;
border-right: 1px solid #D9D9D9;
border-bottom: 1px solid #D9D9D9;
border-left: 1px solid #D9D9D9;
}

.webVueAntYtSpanStyle{
opacity: 1;
color: #3D3D3D;
font-family: Microsoft YaHei;
font-size: 14px;
font-weight: Normal;
line-height: 20px;
letter-spacing: 0px;
align-content: center;
text-decoration: none;
font-style: normal;
text-align: left;
text-align-last: left;
}
.webVueAntYtSpanStyle span{
text-shadow: 0px 0px 0px transparent;
}
.webVueAntYtSpan {
    display: block;
    height:100%;
    width:100%;
}
.webVueAntYtSpan span{
    word-break: break-all;
    width: auto;
    display: inline-block;
    vertical-align: top; /* 根据需要调整 */
}
.webVueAntYtSpan span:focus{
    outline: none;
}

.webVueAntYtSpanStyle-hn28y{
color: #FFFFFF !important;
font-size: 40px;
font-weight: 600;
line-height: 58px;
letter-spacing: 10px;
}
.webVueAntYtSpanBrCount-m08gt{
overflow: hidden;
text-overflow: ellipsis;
display: -webkit-box;
-webkit-line-clamp: 1;
-webkit-box-orient: vertical;
}
.webVueAntYtSpanBrCount-m08gt span{
display: inline;
}
.webVueAntYtSpanStyle-hn28y span{
text-decoration: none;
}

.webVueAntYtRectangleStyle{
opacity: 1;
box-shadow: 0px 0px 0px 0px transparent;
background: transparent;
border-top-left-radius: 0px;
border-top-right-radius: 0px;
border-bottom-left-radius: 0px;
border-bottom-right-radius: 0px;
border-top: 1px solid #CDCDCD;
border-right: 1px solid #CDCDCD;
border-bottom: 1px solid #CDCDCD;
border-left: 1px solid #CDCDCD;
}
.webVueAntYtRectangle {
    width: 100%;
    height:100%;

}

.webVueAntYtRectangleStyle-8c27k{
background: #ffffff;
border-top-left-radius: 25px;
border-top-right-radius: 25px;
border-bottom-left-radius: 25px;
border-bottom-right-radius: 25px;
border-top: 1px solid transparent;
border-right: 1px solid transparent;
border-bottom: 1px solid transparent;
border-left: 1px solid transparent;
}

.webVueAntYtSpanStyle-ye2ak{
color: #1890FF !important;
font-size: 20px;
font-weight: 500;
line-height: 29px;
}
.webVueAntYtSpanBrCount-si4ib{
overflow: hidden;
text-overflow: ellipsis;
display: -webkit-box;
-webkit-line-clamp: 1;
-webkit-box-orient: vertical;
}
.webVueAntYtSpanBrCount-si4ib span{
display: inline;
}
.webVueAntYtSpanStyle-ye2ak span{
text-decoration: none;
}

.webVueAntYtRectangleStyle-8jazl{
background: #1890FF;
border-top: 1px solid transparent;
border-right: 1px solid transparent;
border-bottom: 1px solid transparent;
border-left: 1px solid transparent;
}

.webVueAntYtInputFormItem{
flex-direction: row;
opacity: 1;
}
.webVueAntYtInputFormItem .ant-form-item-label label{
text-decoration: none;
font-style: normal;
color: #333333;
font-family: Microsoft YaHei;
font-size: 14px;
font-weight: Normal;
width: 52px;
padding-top: 0px;
padding-right: 0px;
padding-bottom: 0px;
padding-left: 0px;
}
.webVueAntYtInputFormItem .ant-form-item-label label .label-content{
text-align: left;
text-align-last: left;
}
.webVueAntYtInputStyle:not(.ant-input-affix-wrapper){
color: #333333;
font-family: Microsoft YaHei;
font-size: 14px;
font-weight: Normal;
background: #FFFFFF;
border-top-left-radius: 4px;
border-top-right-radius: 4px;
border-bottom-left-radius: 4px;
border-bottom-right-radius: 4px;
border-top: 1px solid #CDCDCD;
border-right: 1px solid #CDCDCD;
border-bottom: 1px solid #CDCDCD;
border-left: 1px solid #CDCDCD;
box-shadow: 0px 0px 0px 0px transparent;
text-decoration: none;
font-style: normal;
text-align: left;
text-align-last: left;
padding-top: 0px;
padding-right: 10px;
padding-bottom: 0px;
padding-left: 12px;
}
.webVueAntYtInputStyle.ant-input-affix-wrapper{
background: #FFFFFF;
border-top-left-radius: 4px;
border-top-right-radius: 4px;
border-bottom-left-radius: 4px;
border-bottom-right-radius: 4px;
border-top: 1px solid #CDCDCD;
border-right: 1px solid #CDCDCD;
border-bottom: 1px solid #CDCDCD;
border-left: 1px solid #CDCDCD;
box-shadow: 0px 0px 0px 0px transparent;
padding-top: 0px;
padding-right: 10px;
padding-bottom: 0px;
padding-left: 12px;
}
.webVueAntYtInputStyle.ant-input-affix-wrapper input{
text-decoration: none;
font-style: normal;
text-align: left;
text-align-last: left;
color: #333333;
font-family: Microsoft YaHei;
font-size: 14px;
font-weight: Normal;
}
.webVueAntYtInputStyle:not(.ant-input-affix-wrapper)::placeholder,.webVueAntYtInputStyle:not(.ant-input-affix-wrapper)::-webkit-input-placeholder,.webVueAntYtInputStyle input::placeholder,.webVueAntYtInputStyle input::-webkit-input-placeholder{
color: #999999;
}
.webVueAntInputFormItem  {
  flex-wrap: nowrap;
}
.webVueAntInputFormItem ,
.webVueAntinput,
.webVueAntInputFormItem .ant-form-item-control-input,
.webVueAntInputFormItem .ant-form-item-control-input .ant-form-item-control-input-content {
  width: 100%;
  height: 100%;
}
.webVueAntInputFormItem .ant-form-item-label {
  flex-shrink: 0;
  padding: 0;
  text-align: left;
}
.webVueAntInputFormItem .ant-form-item-label label {
  width: 100%;
  height: 100%;
}
.webVueAntInputFormItem .ant-form-item-label>label.ant-form-item-required:not(.ant-form-item-required-mark-optional):before {
  margin-top: 4px;
}
.webVueAntInputFormItem .ant-form-item-label label .label-content{
  flex: 1;
  display: inline-block;
  overflow: hidden;
  text-overflow: ellipsis;
}
.webVueAntInputFormItem .ant-form-item-label>label.ant-form-item-no-colon:after {
  display: none;
}
.webVueAntInputFormItem .ant-form-item-label label .ant-form-item-content {
  white-space: nowrap;
}
.webVueAntInputFormItem.hide-label .ant-form-item-label {
  display: none;
}
.webVueAntInputFormItem .ant-form-item-content:focus{
  outline: none;
}
.webVueAntinput.ant-input-affix-wrapper input {
  background-color: transparent;
}


.webVueAntYtInputFormItem-ejzlf .ant-form-item-explain{
position: absolute;
top: 100%;
z-index: -1;
}
.webVueAntYtInputFormItem-ejzlf .ant-form-item-label label{
width: 38px;
padding-right: 10px;
}
.webVueAntYtInputStyle-7xfew:not(.ant-input-affix-wrapper){
background: #FFFFFF !important;
padding-left: 50px;
}
.webVueAntYtInputStyle-7xfew.ant-input-affix-wrapper{
padding-left: 50px;
}
.webVueAntYtInputStyle-7xfew:not(.ant-input-affix-wrapper)::placeholder,.webVueAntYtInputStyle-7xfew:not(.ant-input-affix-wrapper)::-webkit-input-placeholder,.webVueAntYtInputStyle-7xfew input::placeholder,.webVueAntYtInputStyle-7xfew input::-webkit-input-placeholder{
color: #00000066;
}

.webVueAntYtIcon {
    width: 100%;
    height: 100%;
}

.webVueAntYtIcon img {
    width: 100%;
    height: 100%;
}

@keyframes rotate-animation {
    from {
        transform: rotate(0deg);
    }

    to {
        transform: rotate(360deg);
    }
}

.yt-icon-rotate {
    animation: rotate-animation 1s linear infinite;
}

.webVueAntYtPictureStyle-0ejai{
opacity: 1;
}
.webVueAntYtPictureStyle-0ejai img{
box-shadow: 0px 0px 5px 2px transparent;
transform: scale(1, 1);
opacity: 1;
background: transparent;
border-top-left-radius: 4px;
border-top-right-radius: 4px;
border-bottom-left-radius: 4px;
border-bottom-right-radius: 4px;
border-top: 1px solid transparent;
border-right: 1px solid transparent;
border-bottom: 1px solid transparent;
border-left: 1px solid transparent;
}

.webVueAntYtPictureStyle-e510q{
opacity: 1;
}
.webVueAntYtPictureStyle-e510q img{
box-shadow: 0px 0px 5px 2px transparent;
transform: scale(1, 1);
opacity: 1;
background: transparent;
border-top-left-radius: 4px;
border-top-right-radius: 4px;
border-bottom-left-radius: 4px;
border-bottom-right-radius: 4px;
border-top: 1px solid transparent;
border-right: 1px solid transparent;
border-bottom: 1px solid transparent;
border-left: 1px solid transparent;
}

.webVueAntYtCheckboxGroupFormItem{
flex-direction: row;
opacity: 1;
}
.webVueAntYtCheckboxGroupFormItem .ant-form-item-label label{
text-decoration: none;
font-style: normal;
color: #333333;
font-family: Microsoft YaHei;
font-size: 14px;
font-weight: Normal;
padding-top: 0px;
padding-right: 0px;
padding-bottom: 0px;
padding-left: 0px;
}
.webVueAntYtCheckboxGroupFormItem .ant-form-item-label label .label-content{
text-align: left;
text-align-last: left;
}
.webVueAntYtCheckboxGroupStyle .ant-checkbox-group-item span{
color: #333333;
font-size: 14px;
font-weight: Normal;
}
.webVueAntYtCheckboxGroupStyle .ant-checkbox-wrapper:not(:last-child){
margin-right: 14px;
}
.webVueAntYtCheckboxGroupStyle .ant-checkbox .ant-checkbox-inner{
border-color: #CBCBCB;
}
.webVueAntYtCheckboxGroupStyle .ant-checkbox-wrapper-checked span{
color: #333333;
}
.webVueAntYtCheckboxGroupStyle .ant-checkbox-checked .ant-checkbox-inner{
background-color: #3F82F9;
border-color: #3F82F9;
}
.webVueAntYtCheckboxGroupStyle .ant-checkbox-checked:after{
border-color: #3F82F9;
}
.webVueAntYtCheckboxGroupStyle .ant-checkbox:hover .ant-checkbox-inner{
border-color: #3F82F9;
}
.webVueAntCheckboxGroupFormItem  {
    flex-wrap: nowrap;
}
.webVueAntCheckboxGroupFormItem ,
.webVueAntYtCheckboxGroup,
.webVueAntCheckboxGroupFormItem .ant-form-item-control-input,
.webVueAntCheckboxGroupFormItem .ant-form-item-control-input .ant-form-item-control-input-content {
    width: 100%;
    height: 100%;
}
.webVueAntCheckboxGroupFormItem .ant-form-item-label {
    flex-shrink: 0;
    padding: 0;
    text-align: left;
}
.webVueAntCheckboxGroupFormItem .ant-form-item-label label {
    width: 100%;
    height: 100%;
    align-items: flex-start;
}
.webVueAntCheckboxGroupFormItem .ant-form-item-label>label.ant-form-item-required:not(.ant-form-item-required-mark-optional):before {
  margin-top: 4px;
}
.webVueAntCheckboxGroupFormItem .ant-form-item-label label .label-content{
    flex: 1;
    height: 100%;
    display: inline-block;
    overflow: hidden;
    text-overflow: ellipsis;
}
.webVueAntCheckboxGroupFormItem .ant-form-item-label>label.ant-form-item-no-colon:after {
    display: none;
}
.webVueAntCheckboxGroupFormItem .ant-form-item-label label .ant-form-item-content {
    white-space: nowrap;
}
.webVueAntCheckboxGroupFormItem.hide-label .ant-form-item-label {
    display: none;
}
.webVueAntCheckboxGroupFormItem .ant-form-item-content:focus{
    outline: none;
}
.webVueAntYtCheckboxGroup .ant-checkbox-wrapper:last-child {
    margin-right: 0
}

.webVueAntYtCheckboxGroupFormItem-cqj6p .ant-form-item-label label{
width: 67px;
padding-right: 10px;
}

.webVueAntYtSpanStyle-vo9e4{
color: #1890FF !important;
font-size: 16px;
font-weight: 500;
}
.webVueAntYtSpanBrCount-omlcr{
overflow: hidden;
text-overflow: ellipsis;
display: -webkit-box;
-webkit-line-clamp: 1;
-webkit-box-orient: vertical;
}
.webVueAntYtSpanBrCount-omlcr span{
display: inline;
}
.webVueAntYtSpanStyle-vo9e4 span{
text-decoration: none;
}

.webVueAntYtButtonStyle{
opacity: 1;
color: #FFFFFF;
font-family: Microsoft YaHei;
font-size: 14px;
font-weight: Normal;
background: #4A90E2;
border-top-left-radius: 4px;
border-top-right-radius: 4px;
border-bottom-left-radius: 4px;
border-bottom-right-radius: 4px;
border-top: 0px solid #D9D9D9;
border-right: 0px solid #D9D9D9;
border-bottom: 0px solid #D9D9D9;
border-left: 0px solid #D9D9D9;
box-shadow: 0px 0px 0px 0px transparent;
padding-top: 2px;
padding-right: 0px;
padding-bottom: 2px;
padding-left: 0px;
}
.webVueAntYtButtonStyle>span{
line-height: 28px;
letter-spacing: 0px;
text-decoration: none;
font-style: normal;
text-align: center;
text-align-last: center;
}
.webVueAntButton  {
  width: 100%;
  height:100%;
  display: flex;
}
.webVueAntButton .span:first-child{
  flex: 0 0 8px;
}
.webVueAntButton .yt-button-content{
  display: inline-block;
  flex: 1;
}

.webVueAntButton.ant-btn-loading.center .yt-button-content,
.webVueAntButton.ant-btn-loading.right .yt-button-content,
.webVueAntButton.ant-btn-loading.left .yt-button-content {
  flex: 0 0 auto;
}
.webVueAntButton span:focus{
  outline: none;
}
.webVueAntButton.ant-btn-two-chinese-chars>:not(.anticon) {
  margin-right: 0;
}

.webVueAntYtButtonStyle-xnz3w{
color: #FFFFFF !important;
background: #3C8EFF !important;
align-items: center;
justify-content: center;
}
.webVueAntYtButtonStyle-xnz3w>span{
letter-spacing: 0px !important;
}

.webVueAntYtSpanStyle-tohyy{
color: #1890FF !important;
font-size: 16px;
font-weight: 600;
line-height: 24px;
}
.webVueAntYtSpanBrCount-grcsl{
overflow: hidden;
text-overflow: ellipsis;
display: -webkit-box;
-webkit-line-clamp: 1;
-webkit-box-orient: vertical;
}
.webVueAntYtSpanBrCount-grcsl span{
display: inline;
}
.webVueAntYtSpanStyle-tohyy span{
text-decoration: none;
}

.webVueAntYtInputPasswordFormItem{
opacity: 1;
flex-direction: row;
}
.webVueAntYtInputPasswordFormItem .ant-form-item-label label{
text-decoration: none;
font-style: normal;
color: #333333;
font-family: Microsoft YaHei;
font-size: 14px;
font-weight: Normal;
padding-top: 4px;
padding-right: 0px;
padding-bottom: 6px;
padding-left: 0px;
}
.webVueAntYtInputPasswordFormItem .ant-form-item-label label .label-content{
text-align: left;
text-align-last: left;
}
.webVueAntYtInputPasswordStyle{
background: #FFFFFF;
border-top-left-radius: 4px;
border-top-right-radius: 4px;
border-bottom-left-radius: 4px;
border-bottom-right-radius: 4px;
border-top: 1px solid #CDCDCD;
border-right: 1px solid #CDCDCD;
border-bottom: 1px solid #CDCDCD;
border-left: 1px solid #CDCDCD;
box-shadow: 0px 0px 0px 0px transparent;
padding-top: 0px;
padding-right: 10px;
padding-bottom: 0px;
padding-left: 12px;
}
.webVueAntYtInputPasswordStyle input.ant-input{
color: #333333;
font-family: Microsoft YaHei;
font-size: 14px;
font-weight: Normal;
line-height: undefined;
letter-spacing: undefined;
vertical-align: undefined;
text-decoration: none;
font-style: normal;
text-align: left;
text-align-last: left;
}
.webVueAntYtInputPasswordStyle input::placeholder,.webVueAntYtInputPasswordStyle input::-webkit-input-placeholder{
color: #999999;
}
.webVueAntInputPasswordFormItem  {
  flex-wrap: nowrap;
}
.webVueAntInputPasswordFormItem ,
.webVueAntInputPassword,
.webVueAntInputPasswordFormItem .ant-form-item-control-input,
.webVueAntInputPasswordFormItem .ant-form-item-control-input .ant-form-item-control-input-content {
  width: 100%;
  height: 100%;
}
.webVueAntInputPasswordFormItem .ant-form-item-label {
  flex-shrink: 0;
  padding: 0;
  text-align: left;
}
.webVueAntInputPasswordFormItem .ant-form-item-label label {
  width: 100%;
  height: 100%;
}
.webVueAntInputPasswordFormItem .ant-form-item-label>label.ant-form-item-required:not(.ant-form-item-required-mark-optional):before {
  margin-top: 4px;
}
.webVueAntInputPasswordFormItem .ant-form-item-label label .label-content{
  flex: 1;
  display: inline-block;
  overflow: hidden;
  text-overflow: ellipsis;
}
.webVueAntInputPasswordFormItem .ant-form-item-label>label.ant-form-item-no-colon:after {
  display: none;
}
.webVueAntInputPasswordFormItem .ant-form-item-label label .ant-form-item-content {
  white-space: nowrap;
}
.webVueAntInputPasswordFormItem.hide-label .ant-form-item-label {
  display: none;
}
.webVueAntInputPasswordFormItem .ant-form-item-content:focus{
  outline: none;
}
.webVueAntInputPassword .ant-input {
  background-color: transparent;
}

.webVueAntYtInputPasswordFormItem-8ymwe .ant-form-item-explain{
position: absolute;
top: 100%;
z-index: -1;
}
.webVueAntYtInputPasswordFormItem-8ymwe .ant-form-item-label label{
width: 38px;
padding-top: 0px;
padding-right: 10px;
padding-bottom: 0px;
}
.webVueAntYtInputPasswordStyle-nhb4x{
background: #FFFFFF !important;
padding-left: 50px;
}}
</style>